import { lazy } from 'react';

const AllRoutes = [
  {
    path: '',
    element: lazy(() => import('../pages/home')),
  },
  {
    path: 'home',
    element: lazy(() => import('../pages/home')),
  },
  {
    path: 'firstLevelOne',
    element: lazy(() => import('../pages/firstLevelOne')),
  },
  {
    path: 'firstLeveltwo',
    redirect: false,
    children: [
      {
        path: 'firstLevelTwonone',
        element: lazy(() => import('../pages/firstLevelTwo/secondLevelOne')),
      },
      {
        path: 'firstLevelTwotwo',
        element: lazy(() => import('../pages/firstLevelTwo/secondLevelTwo')),
        children: [
          {
            path: 'firstLevelTwonone',
            element: lazy(
              () => import('../pages/firstLevelTwo/secondLevelOne')
            ),
          },
          {
            path: 'firstLevelTwotwo',
            element: lazy(
              () => import('../pages/firstLevelTwo/secondLevelTwo')
            ),
          },
        ],
      },
    ],
  },
  {
    path: 'noauth',
    element: lazy(() => import('../pages/noauth')),
  },
  {
    path: '*',
    element: lazy(() => import('../pages/notfound')),
  },
];
export default AllRoutes;
